<template>
    <div class="span-title">
        <span class='greed-span'></span><span class="span-title-name">{{titleName}}</span>
    </div>
</template>

<script>
export default {
name: 'span-title',
props:["titleName"],
data: function () {
        return {
            title: '提示',
            msg: ''
        }
    },
}
</script>

<style>
.span-title {
    padding: 2.6rem 0;
    background: white;
    line-height: 2.8rem;
    border-bottom: 2px solid #eaeaea;
}

.greed-span {
    position: relative;
    top:.3rem;
    display: inline-block;
    width: .6rem;
    height: 2.6rem;
    background: #17c3a0;
    margin-right: 2.0rem;
}

.span-title-name {
    color: #17c3a0;
    font-size: 2.8rem;
    font-weight: bold;
}
</style>
